```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>搜索列表（应用）</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f5f5f5;
            color: #333;
            margin: 0;
            padding: 0;
        }
        .container {
            max-width: 1440px;
            margin: 0 auto;
            padding: 2rem;
        }
        .header {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 2rem;
        }
        .search-bar {
            display: flex;
            align-items: center;
        }
        .search-input {
            width: 30rem;
            height: 3rem;
            padding: 0 1rem;
            border: 1px solid #ccc;
            border-radius: 0.5rem;
            margin-right: 1rem;
        }
        .search-button {
            width: 6rem;
            height: 3rem;
            background-color: #007bff;
            color: white;
            border: none;
            border-radius: 0.5rem;
            cursor: pointer;
        }
        .tabs {
            display: flex;
            margin-bottom: 2rem;
        }
        .tab {
            margin-right: 1rem;
            padding: 0.5rem 1rem;
            cursor: pointer;
        }
        .tab.active {
            border-bottom: 2px solid #007bff;
        }
        .filter-panel {
            background-color: white;
            padding: 2rem;
            border-radius: 0.5rem;
            margin-bottom: 2rem;
        }
        .filter-row {
            display: flex;
            align-items: center;
            margin-bottom: 1rem;
        }
        .filter-label {
            margin-right: 1rem;
        }
        .filter-select {
            width: 10rem;
            height: 2.5rem;
            padding: 0 1rem;
            border: 1px solid #ccc;
            border-radius: 0.5rem;
        }
        .card-grid {
            display: grid;
            grid-template-columns: repeat(auto-fill, minmax(20rem, 1fr));
            gap: 2rem;
        }
        .card {
            background-color: white;
            padding: 2rem;
            border-radius: 0.5rem;
            box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
        }
        .card-icon {
            width: 2rem;
            height: 2rem;
            margin-right: 1rem;
        }
        .card-title {
            font-size: 1.2rem;
            font-weight: bold;
            margin-bottom: 1rem;
        }
        .card-stats {
            display: flex;
            justify-content: space-between;
            margin-top: 1rem;
        }
        .stat {
            display: flex;
            align-items: center;
        }
        .stat-value {
            font-size: 1.2rem;
            font-weight: bold;
            margin-left: 0.5rem;
        }
    </style>
</head>
<body class="theme-light" data-layout="fluid" data-grid-columns="12">
    <div class="container" data-antd-component="Layout">
        <div class="header">
            <h1 data-antd-component="Typography.Title">搜索列表（应用）</h1>
            <div class="search-bar">
                <input type="text" class="search-input" placeholder="请输入" data-antd-component="Input" data-antd-props='{"placeholder":"请输入"}' />
                <button class="search-button" data-antd-component="Button" data-antd-props='{"type":"primary"}'>搜 索</button>
            </div>
        </div>
        <div class="tabs" data-antd-component="Tabs">
            <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"article"}'>文章</div>
            <div class="tab" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"project"}'>项目</div>
            <div class="tab active" data-antd-component="Tabs.TabPane" data-antd-props='{"key":"app","active":true}'>应用</div>
        </div>
        <div class="filter-panel" data-antd-component="Card">
            <div class="filter-row">
                <span class="filter-label" data-antd-component="Typography.Text">所属类目：</span>
                <select class="filter-select" data-antd-component="Select" data-antd-props='{"options":[{"value":"全部","label":"全部"},{"value":"类目1","label":"类目1"},{"value":"类目2","label":"类目2"}]}'></select>
            </div>
            <div class="filter-row">
                <span class="filter-label" data-antd-component="Typography.Text">其它选项：</span>
                <select class="filter-select" data-antd-component="Select" data-antd-props='{"options":[{"value":"不限","label":"不限"}]}'></select>
                <span class="filter-label" data-antd-component="Typography.Text">好评度：</span>
                <select class="filter-select" data-antd-component="Select" data-antd-props='{"options":[{"value":"不限","label":"不限"}]}'></select>
            </div>
        </div>
        <div class="card-grid" data-antd-component="Row" data-antd-props='{"gutter":16}'>
            <div class="card" data-antd-component="Col" data-antd-props='{"span":6}'>
                <div class="card-icon" data-antd-component="Avatar"><img src="data-src='IMAGE_PLACEHOLDER'" alt="Alipay" /></div>
                <div class="card-title" data-antd-component="Typography.Title">Alipay</div>
                <div class="card-stats">
                    <div class="stat" data-antd-component="Statistic" data-antd-props='{"title":"活跃用户","value":"17万"}'></div>
                    <div class="stat" data-antd-component="Statistic" data-antd-props='{"title":"新增用户","value":"1,581"}'></div>
                </div>
            </div>
            <div class="card" data-antd-component="Col" data-antd-props='{"span":6}'>
                <div class="card-icon" data-antd-component="Avatar"><img src="data-src='IMAGE_PLACEHOLDER'" alt="Angular" /></div>
                <div class="card-title" data-antd-component="Typography.Title">Angular</div>
                <div class="card-stats">
                    <div class="stat" data-antd-component="Statistic" data-antd-props='{"title":"活跃用户","value":"15万"}'></div>
                    <div class="stat" data-antd-component="Statistic" data-antd-props='{"title":"新增用户","value":"1,316"}'></div>
                </div>
            </div>
            <!-- 更多卡片 -->
        </div>
    </div>
</body>
</html>
```